<template>
    <div>
        <h1>登录</h1>
          <table class="table table-bordered">
            <tr>
                <td align="right">用户名</td>
                <td>
                    <input type="text" v-model="info.name">
                </td>
            </tr>
             <tr>
                <td align="right">密码</td>
                <td>
                    <input type="password" v-model="info.pwd">
                </td>
            </tr>
             <tr>
                <td></td>
                <td>
                    <input type="button"
                           value="登录"
                           class="btn btn-success"
                           @click="login"
                    ></td>
            </tr>
          </table>
          {{info}}
    </div>
</template>
<script setup lang="ts">
import { ref,reactive } from "vue"
import axios from 'axios'
import {useRouter} from 'vue-router';
const router=useRouter()
let info=ref({
    name:'',
    pwd:''
})
const login=()=>{
    if(info.value.name==""){
        alert("用户名不能为空")
        return;
    }
    if(info.value.pwd==""){
        alert("密码不能为空")
        return;
    }
    axios({
        url:'https://localhost:7253/api/User/Login',
        method:'post',
        params:info.value
    })
    .then((res)=>{
        console.log(res);
        if(res.data==-1){
            alert("用户名不存在")
            return;
        }
        if(res.data==-2){
            alert("密码错误")
            return;
        }
        alert("登录成功")
        router.push("/memberadd")
    })
    .catch((err)=>{
        console.log(err);
    })
}
</script>

<style scoped>
    
</style>